<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 现在我们知道一切浏览器中的内容都是从服务器上请求回来的 
        // 浏览器自身是没有任何内容的 
        // 服务器上的内容对于浏览器来说都是资源
        // 资源分为两类： 静态资源、 动态资源
        // 静态资源：不会变化的资源就叫做静态资源 比如 js html css 图片 视频 音频 等
        // 动态资源：接口

        // 跨域：就是跨域名访问别人服务器上的资源
        // 浏览器有一个安全机制：同源策略 
        // 静态资源允许跨域
        // AJAX不允许跨域  发送请求没问题 但是回来的时候会被卡住

    </script>
</body>
</html>